<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.my-table,.my-form{
				width: 98%;
				height: 100%;
				margin: 1%;
			}
			.my-row{
				width: 100%;
				height: 32px;
				border-bottom: 1px solid #C7CCD1;
			}
			
			.my-row .my-label{
				width: 100px;
				background: #C7CCD1;
				font-size: 14px;
				font-family: "microsoft yahei";
				color: #FFF;
				text-align: right;
				border-bottom: 1px solid #FFF;
				padding-right: 10px;
			}
			.my-row .my-input input{
				width: 100%;
				height: 100%;
				border: none;
			}
			.my-row .my-input textarea{
				width: 100%;
				height: 200px;
				border: none;
			}
			.my-button{
				width: 120px;
				height: 32px;
				background: #339933;
				border: none;
				color: #FFF;
				margin: auto 20px;
			}
		</style>
	</head>

	<body>

		<form class="my-form">
			<table class="my-table">
				<tr class="my-row">
					<td class="my-label">名称</td>
					<td class="my-input">
						<input type="text" />
					</td>
				</tr>
				<tr class="my-row">
					<td class="my-label">名称</td>
					<td class="my-input">
						<input type="text" />
					</td>
				</tr>
				<tr class="my-row">
					<td class="my-label">名称</td>
					<td class="my-input">
						<input type="text" />
					</td>
				</tr>
				<tr class="my-row">
					<td class="my-label">名称</td>
					<td class="my-input">
						<input type="text" />
					</td>
				</tr>
				<tr class="my-row">
					<td class="my-label">名称</td>
					<td class="my-input">
						<textarea name="" rows="" cols=""></textarea>
					</td>
				</tr>
			</table>
		</form>
	</body>

</html>